<!DOCTYPE html>
<html>
<head>
	<title>限时抢购</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
    <!--导航栏部分-->
    <div class="headerBgColor">
         <div class="wrapper clearfix">
         <ul class="nav left">
         <li class="Selected"><a href="#">商品详情</a></li>
         <li><a href="#">用户评论</a></li>
         <li><a href="#">具体参数</a></li>
         <li><a href="#">售后服务</a></li>
         <li><a href="#">商品资询</a></li>
         </ul>
         <div class="ShopingCar right"><a href="#">
         <img src="images/gouwu.png">加入购物车</a></div>
         </div>
    </div>
    <!--主体部分-->
    <div class="main wrapper clearfix">
     <!--主体左边--> 
      <div class="mainLeft left">
           <img src="images/A10-6D8-6PZ_02.jpg" class="bigImg">
           <ul class="imgList clearfix">
               <li><a href="#"><img src="images/A10-6D8-6PZ.jpg" alt=""></a></li>
               <li><a href="#"><img src="images/A10-6D8-6PZ_02.jpg" alt=""></a></li>
               <li><a href="#"><img src="images/A10-6D8-6PZ_03.jpg" alt=""></a></li>
               <li><a href="#"><img src="images/A10-6D8-6PZ_04.jpg" alt=""></a></li>
           </div>
            <!--主体右边--> 
      <div class="mainRight right">
            <!--主体右边标题-->
           <h2>B&O PLAYby Bang & Olufsen Beoplay H9 无线蓝牙 降噪包耳式耳机 铝制触摸界面 浅陶色</h2>
           <!--主体右边的左边-->
           <dl class="mainRightLeft left">
               <dd><div class="goods_info_name">品 牌：</div><div><a href="#">B&O B&O</a></div></dd>
               <dd><div>产品型号：</div><div>Beoplay H9</div></dd>
               <dd class="goods_price_now"><div class="goods_info_name onlySpacing">新 蛋 价：</div><div class="goods_info_price"><span>¥</span>3888.00</div></dd>
               <dd class="clearfix"><div class="icon"></div><div class="Rise_in_price"><span></span>价格上涨</div><div class="Collection"><span></span>我的收藏</div></dd>
               <dd><div  class="goods_Support">商品支持：</div><div  class="retrunGoods"><a href="#">不支持无理由退</a></div></dd>
               <dd class="clearfix"><div class="goods_number left">数 量：</div><div class="Calculation left"><a href="#">-</a><input type="text" name=""><a href="#">+</a><span>库存：接受预定(备货时间依据当前货源情况而定)</span></div></dd>
               <dd class="goods_buy_btns">
                   <div class="btn_top"><a class="Buy_now" href="#">立即购买</a><a href="#" class="Shopping_cart">加入购物车</a></div> 
                   <div class="btn_bottom clearfix"><a href="#" class="btn_bottom_1">加入购物车</a><a href="#" class="btn_bottom_2">3</a><div class="btn_bottom_3">
                   <a href="#" class="share_icon1"></a>
                   <a href="#" class="share_icon2"></a>
                   <a href="#" class="share_icon3"></a>
                   <a href="#" class="share_icon4"></a>
                   <a href="#" class="share_icon5"></a>
                   </div>
                   </div> 
               </dd>
           </dl>
           <!--主体右边的右边-->
           <div class="mainRightRight right">
                <div class="Price_notice"><a href="#">降价通知</a></div>
                <div class="comment"><div><strong>0.0</strong><a href="#" class="score_egg"></a></div>
                <a href="#" class="showReview">暂无评论</a>   
                </div>
                <div class="QR_code">
                <img src="images/erwema.png" width="72">
                <p>转到手机上看</p>
                </div>
           </div>
      </div>
    </div>

    <div class="box"></div>

    <!--弹窗-->
    <div class="toastLeft"></div>
    <div class="toastRight"></div>
</body>
</html>